<template>
  <div class="not-fount-container">
    <img src="@/assets/images/exception/404.svg" />
    <span>抱歉, 您访问的页面不存在</span>
    <el-button type="primary" @click="goBack">返回上一页</el-button>
  </div>
</template>

<script lang="ts" setup>
const router = useRouter()

function goBack() {
  router.go(-1)
}
</script>

<style lang="scss" scoped>
.not-fount-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  img {
    margin-top: 130px;
    height: 30%;
  }
  span {
    margin: 15px 0;
    color: #666666;
  }
}
</style>
